import Header from "../../common/header/header"
import { BrowserRouter, Routes, Route } from "react-router-dom"
import { Provider } from "react-redux"
import store from ".."
import Home from "../../pages/home"
import Detail from "../../pages/detail"

function App() {
	return (
		<Provider store={store}>
			<BrowserRouter>
				<Header></Header>
				<Routes>
					{/* <Route path="/" element={() => <div>foo</div>} /> */}
					{/* <Route path="/bar" element={() => <div>bar</div>} /> */}
					<Route path="/" element={<Home />} />
					<Route path="/detail" element={<Detail />}></Route>
				</Routes>
			</BrowserRouter>
		</Provider>
	)
}

export default App
